<!DOCTYPE html>
<html lang="zh">
<head>
    <!--指定字符集-->
    <meta charset="UTF-8">
    <!--设定标题-->
    <title>展示计算机代码</title>
</head>
<body>
<h1>展示计算机代码</h1>

<ul>
    <li><a title="HTML <code> 元素呈现一段计算机代码. 默认情况下, 它以浏览器的默认等宽字体显示."><code>&lt;code&gt;</code></a>: 用于标记计算机通用代码。</li>
    <li>
        <a title="HTML <pre> 元素表示预定义格式文本。在该元素中的文本通常按照原文件中的编排，以等宽字体的形式展现出来，文本中的空白符（比如空格和换行符）都会显示出来。(紧跟在 <pre> 开始标签后的换行符也会被省略)"><code>&lt;pre&gt;</code></a>:
        用于保留空白字符（通常用于代码块）——如果您在文本中使用缩进或多余的空白，浏览器将忽略它，您将不会在呈现的页面上看到它。但是，如果您将文本包含在<code>&lt;pre&gt;&lt;/pre&gt;</code>标签中，那么空白将会以与你在文本编辑器中看到的相同的方式渲染出来。
    </li>
    <li><a title="<var> 标签表示变量的名称，或者由用户提供的值。"><code>&lt;var&gt;</code></a>: 用于标记具体变量名。</li>
    <li><a title="HTML键盘输入元素(<kbd>) 用于表示用户输入，它将产生一个行内元素，以浏览器的默认monospace字体显示。"><code>&lt;kbd&gt;</code></a>:
        用于标记输入电脑的键盘（或其他类型）输入。
    </li>
    <li><a title="<samp> 元素用于标识计算机程序输出，通常使用浏览器缺省的 monotype 字体（例如 Lucida Console）。"><code>&lt;samp&gt;</code></a>:
        用于标记计算机程序的输出。
    </li>
</ul>

<h2>&lt;code&gt;标签</h2>
<p>这个是<code>定义计算机代码。</code></p>

<h2>&lt;pre&gt;标签</h2>
<p>这个是&lt;pre&gt;定义预格式文本。&lt;/pre&gt;</p>

<h2>&lt;var&gt;标签</h2>
<p>这个是<var>定义变量。</var></p>

<h2>&lt;kbd&gt;标签</h2>
<p>这个是<kbd>定义键盘码。</kbd></p>

<h2>&lt;samp&gt;标签</h2>
<p>这个是<samp>定义计算机代码样本。</samp></p>

</body>
</html>